<%--
  Created by IntelliJ IDEA.
  User: 火禾
  Date: 2020/4/19
  Time: 15:49
  To change this template use File | Settings | File Templates.
--%>
<%--
  Created by IntelliJ IDEA.
  User: 火禾
  Date: 2020/3/19
  Time: 11:37
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--<%--%>
<%--    pageContext.setAttribute("APP_PATH",request.getContextPath());--%>
<%--%>--%>
<html>
<head>
    <title>后台管理</title>
    <style>
        * { font: 13px/1.5 '微软雅黑'; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -box-sizing: border-box; padding:0; margin:0; list-style:none; box-sizing: border-box; }
        body, html { height:100%; overflow:hidden; }
        body { background:#93defe; background-size: cover; }
        a { color:#27A9E3; text-decoration:none; cursor:pointer; }
        img{ border:none;}

        .login_box{ width:1100px; margin:120px auto 0;}
        .login_box .login_l_img{ float:left; width:432px; height:440px; margin-left:50px;}
        .login_box .login_l_img img{width:500px; height:440px; }
        .login {height:360px; width:400px; padding:50px; background-color: #ffffff;border-radius:6px;box-sizing: border-box; float:right; margin-right:50px; position:relative; margin-top:50px;}
        .login_logo{ width:120px; height:120px; border:5px solid #93defe;border-radius:100px; background:#fff; text-align:center; line-height:110px; position:absolute; top:-60px; right:140px;}
        .login_name{ width:100%; float:left; text-align:center; margin-top:20px;}
        .login_name p{ width:100%; text-align:center; font-size:18px; color:#444; padding:10px 0 20px;}
        .login_logo img{ width:60px; height:60px;display: inline-block; vertical-align: middle;}
        input[type=text], input[type=file], input[type=password], input[type=email], select { border: 1px solid #DCDEE0; vertical-align: middle; border-radius: 3px; height: 50px; padding: 0px 16px; font-size: 14px; color: #555555; outline:none; width:100%;margin-bottom: 15px;line-height:50px; color:#888;}
        input[type=text]:focus, input[type=file]:focus, input[type=password]:focus, input[type=email]:focus, select:focus { border: 1px solid #27A9E3; }
        input[type=submit], input[type=button] { display: inline-block; vertical-align: middle; padding: 12px 24px; margin: 0px; font-size:16px; line-height: 24px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; color: #ffffff; background-color: #27A9E3; border-radius: 3px; border: none; -webkit-appearance: none; outline:none; width:100%; }
        .copyright { font-size:14px; color:#fff; display:block;width:100%; float:left; text-align:center; margin-top:60px;}
        #password_text{border: 1px solid #DCDEE0; vertical-align: middle; border-radius: 3px; height: 50px; padding: 0px 16px; font-size: 14px; color: #888; outline:none; width:100%;margin-bottom: 15px;display: block; line-height:50px;}
    </style>
    <%--      <script src="${APP_PATH}/statics/js/jquery.min.js"/>--%>
</head>
<body>
<div class="login_box">
    <div class="login_l_img"><img src="../../statics/images/login-img.png" /></div>
    <div class="login">
        <div class="login_logo"><a href="#"><img src="../../statics/images/login_logo.png" /></a></div>
        <div class="login_name">
            <p>后台管理系统</p>
        </div>
        <form>

<%--            <input id="adminname" name="adminname" type="text"  value="管理员名" onfocus="this.value=''" onblur="if(this.value==''){this.value='用户名'}">--%>
<%--            <span id="password_text" onclick="this.style.display='none';document.getElementById('password').style.display='block';document.getElementById('password').focus().select();" >密码</span>--%>
                <a href="../../index1.jsp">你的账号或密码有误，请点击重新输入！！！</a>
<%--            <input name="password" type="password" id="password" style="display:none;" onblur="if(this.value==''){document.getElementById('password_text').style.display='block';this.style.display='none'};"/>--%>
<%--            <input value="登录" style="width:100%;" type="submit">--%>
        </form>
    </div>
    <div class="copyright"></div>
</div>
<div style="text-align:center;">
</div>


</body>
</html>
